<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich" >
    
    <f:view contentType="text/html">
    
    	<h:head>
			<title>UsaPré</title>
			<ui:insert name="js"/>
			<ui:insert name="css"/>
		</h:head>	
		
		<h:body>
		
				<a4j:status onstart="#{rich:component('statPane')}.show()" onstop="#{rich:component('statPane')}.hide()" /> 
				<rich:popupPanel id="statPane" autosized="true"> 
					<h:outputText value="Aguarde..." styleClass="output-style"/> 
				</rich:popupPanel> 
		
				<h:panelGroup id="mensagens">
					<h:outputScript rendered="#{not empty facesContext.messageList}">
						<a4j:repeat value="#{facesContext.messageList}" var="message">
							alert("<h:outputText value="#{message.summary}" />");
						</a4j:repeat>
					</h:outputScript>
				</h:panelGroup>
				
			<div class="conteiner">
				<div class="topo">
			        <div class="logo" align="center">
			        	<h:form>
				        	<a4j:commandLink action="#{telaInicialBean.inicio}" >
				        		<img src="images/logo.gif" width="198" height="96" />
				        	</a4j:commandLink>
			        	</h:form>
			        </div>
			        <div class="middle">
			          	<div class="logado2">Olá, <strong><h:outputText value="#{logadoBean.parceiro.nome}" /></strong>. Seja bem vindo!</div>
			          	<div class="logado3"><h:outputText value="#{logadoBean.parceiro.email}" /></div>
			          	<div class="logado4"></div>
			        </div>
			        <div class="topo_icone_config">
			        	<img src="images/topo_config.gif" width="40" height="96" />
			        </div>
			      	<div class="topo_home">
			      		<h:form>
			      			<a4j:commandLink value="Página inicial" action="#{telaInicialBean.inicio}" />
			      		</h:form>
			      	</div>
				</div>
			  	<div class="faixa_verde"></div>
  				<div class="barra_cinza3">&nbsp;Gerenciamento de conta</div>
			  	<div class="menu_lateral3">
				  	
				  		<h:form>
				  		
				  			<h:panelGroup rendered="#{lojistaBean.telaSolicitarDisponivel}">
					  			<h:panelGroup rendered="#{!lojistaBean.telaSolicitarCredenciamento}">
					  				<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
							    		<a4j:commandLink action="#{lojistaBean.solicitarCredenciamento}" value="Solicitar Credenciamento" render="@all"/>
							    	</div>
					  			</h:panelGroup>
					  			<h:panelGroup rendered="#{lojistaBean.telaSolicitarCredenciamento}">
						    		<div class="botoes_menu_figura1" id="link"></div>
						    	</h:panelGroup>
						    </h:panelGroup>	
					    	
					    	<h:panelGroup rendered="#{!lojistaBean.telaCadastrarDesconto}">
						    	<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
						    		<a4j:commandLink action="#{lojistaBean.cadastrarDesconto}" value="Cadastrar Desconto" render="@all" />
						    	</div>
					    	</h:panelGroup>
					    	<h:panelGroup rendered="#{lojistaBean.telaCadastrarDesconto}">
					    		<div class="botoes_menu_figura2" id="link"></div>
					    	</h:panelGroup>
					    	
					    	<h:panelGroup rendered="#{!lojistaBean.telaCadastrarPreco}">
					    		<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
					    			<a4j:commandLink action="#{lojistaBean.cadastrarPrecos}" value="Cadastrar Preços" render="@all" />
					    		</div>
					    	</h:panelGroup>
					    	<h:panelGroup rendered="#{lojistaBean.telaCadastrarPreco}">
					    		<div class="botoes_menu_figura3" id="link"></div>
					    	</h:panelGroup>
					    	
					    	<h:panelGroup rendered="#{!lojistaBean.telaGerenciamentoVendasRepasse}">
					    		<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
					    			<a4j:commandLink action="#{lojistaBean.gerenciamentoVendasRepasses}" value="Gerenciamento de Vendas e Repasses" render="@all" />
					    		</div>
					    	</h:panelGroup>
					    	<h:panelGroup rendered="#{lojistaBean.telaGerenciamentoVendasRepasse}">
					    		<div class="botoes_menu_figura4" id="link"></div>
					    	</h:panelGroup>
					    	
					    	<h:panelGroup rendered="#{!lojistaBean.telaRecebimentoAntecipado}">
					    		<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
					    			<a4j:commandLink action="#{lojistaBean.recebimentoAntecipado}" value="Recebimento Antecipado" render="@form mensagens" />
					    		</div>
					    	</h:panelGroup>
					    	<h:panelGroup rendered="#{lojistaBean.telaRecebimentoAntecipado}">
								<div class="botoes_menu_figura5" id="link"></div>
					    	</h:panelGroup>
					    	
					    	<div class="botoes_menu3" id="link_cinzaescuro">&nbsp;
				    			<a4j:commandLink action="#{telaInicialBean.sair}" value="Sair" render="@all" />
				    		</div>
					    	
				    	
				    	</h:form>
				  	</div>
			  	<ui:insert name="mid"></ui:insert>  	
			  	<div class="rodape">
					<div class="rodape_part1"><img src="images/rodape1.gif" width="246" height="57" /></div>
					<div class="rodape_separador"></div>
					<div class="rodape_part2">
					
						<img src="images/rodape2_over_01.jpg" alt="" width="400" height="13" />
						<a href="#" onmouseout="jQuery('#imgtwitterin').show(); jQuery('#imgtwitterout').hide();" 
								    onmouseover="jQuery('#imgtwitterin').hide(); jQuery('#imgtwitterout').show();" >
							<img src="images/rodape2_normal_02.jpg" id="imgtwitterin"  width="95" height="44" border="0" />
							<img src="images/rodape2_over_02.gif"   id="imgtwitterout" width="95" height="44" border="0" style="display:none;" />
						</a>
						<a href="#" onmouseout="jQuery('#facebookin').show(); jQuery('#facebookout').hide();" 
								    onmouseover="jQuery('#facebookin').hide(); jQuery('#facebookout').show();" >
							<img src="images/rodape2_normal_03.jpg" id="facebookin" alt="" width="95" height="44" border="0" />
							<img src="images/rodape2_over_03_.gif"  id="facebookout" alt="" width="95" height="44" border="0" style="display:none;" />
						</a>
						<a href="#" onmouseout="jQuery('#mugbeein').show(); jQuery('#mugbeeout').hide();" 
								    onmouseover="jQuery('#mugbeein').hide(); jQuery('#mugbeeout').show();" >
							<img src="images/rodape2_normal_04.jpg" id="mugbeein" width="117" height="44" border="0" />
							<img src="images/rodape2_over_04.jpg"   id="mugbeeout" width="117" height="44" border="0" style="display:none;" />
						</a>
						<a href="#" onmouseout="jQuery('#youtubein').show(); jQuery('#youtubeout').hide();" 
								    onmouseover="jQuery('#youtubein').hide(); jQuery('#youtubeout').show();" >
							<img src="images/rodape2_normal_05.jpg" id="youtubein" width="79" height="44" border="0" />
							<img src="images/rodape2_over_05.jpg"   id="youtubeout" width="79" height="44" border="0" style="display:none;" />
						</a>
					
					
					</div>
					<div class="rodape_separador"></div>
				    <div class="rodape_part3">SAC/OUVIDORIA 0300-210-4001</div>
				  </div>
			</div>
		
			
		
		</h:body>
		
	</f:view>
	
</ui:composition>